<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>项目展示</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="./img/icon.jpg"/>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/personal-data.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/vue.js"></script>
	
</head>
<body>

	<!-- 导航栏 -->
	<div id="nav">
		<div class="container">
			<div class="row">
				<div class="col-md-2 hidden-xs">
					<img src="./img/logo.png" alt="">
				</div>
				<div class="col-md-4">
					<div class="input">
						<span class="glyphicon glyphicon-search"></span>
						<input type="text" class="form-control" placeholder="请输入关键字" style="top: -5px;">
					</div>
				</div>
				<div class="col-md-5 hidden-md hidden-xs">
					<ul class="list">
						<li class="active"><a href="index.html"> 首页</a></li>
						<li><a href="##"> 家居</a></li>
						<li><a href="##">摄影</a></li>
						<li><a href="##">时尚</a></li>
						<li><a href="##">美食</a></li>
						<li><a href="classification.html">游戏</a></li>
					</ul>
				</div>
				<div class="col-md-1 hidden-md hidden-xs">
					<ul class="in_out">
						<li><a href="login.html"> 登录</a></li> |
						<li><a href="register.html"> 注册</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="clearfix"></div>
   
    <!--主体-->
    <div id="persoanDate">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12 left">
                    <div class="head">
                        <div class="row">
                            <img class="img-circle col-md-4 col-sm-4 col-xs-4 headPortraits" src="./img/wx.png">
                            <div class="title col-md-6 col-sm-6 col-xs-6"><h2>编辑资料</h2></div>
                        </div>
                    </div>
                    <div class="body">
                        <div class="title">
                            <h3>个人信息管理</h3>
                        </div>
                        <ul>
                            <li><span id="basicBtn">修改个人资料</span></li>
                            <li><span id="passwordBtn">修改登录密码</span></li>
                            <li><span id="emailBtn">修改登录邮箱</span></li>
                        </ul>
                    </div>
                </div>




				<!--基本资料-->
                <div id="basic" class="col-md-8 col-sm-8 col-xs-12 right">
                    <div class="head">
						<h3>基本资料</h3>
					</div>
					<div class="body">
						<div class="form">
							<span>用户名</span><input type="text">
						</div>
						<div class="form">
							<span>联系方式</span><input type="text">
						</div>
						<div class="form">
							<span>住址</span><input type="text">
						</div>
						<div class="form">
							<span>性别</span><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女
						</div>
						<div class="form">
							<span>出生日期</span>
							<select>
								<option value="">请选择</option>
								<option value="1985">1985</option>
								<option value="1986">1986</option>
								<option value="1987">1987</option>
								<option value="1988">1988</option>
								<option value="1989">1989</option>
								<option value="1990">1990</option>
								<option value="1991">1991</option>
								<option value="1992">1992</option>
								<option value="1993">1993</option>
								<option value="1994">1994</option>
								<option value="1995">1995</option>
								<option value="1996">1996</option>
								<option value="1997">1997</option>
								<option value="1998">1998</option>
								<option value="1999">1999</option>
								<option value="2000">2000</option>
								<option value="2001">2001</option>
								<option value="2002">2002</option>
								<option value="2003">2003</option>
								<option value="2004">2004</option>
								<option value="2005">2005</option>
								<option value="2006">2006</option>
								<option value="2007">2007</option>
								<option value="2008">2008</option>
								<option value="2009">2009</option>
								<option value="2010">2010</option>
							</select>年
							<select style="margin-left:10px;">
								<option value="">请选择</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">1</option>
								<option value="12">12</option>
							</select>月
							<select style="margin-left:10px;">
								<option value="">请选择</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
								<option value="7">7</option>
								<option value="8">8</option>
								<option value="9">9</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
								<option value="29">29</option>
								<option value="30">30</option>
								<option value="31">31</option>
							</select>日
						</div>
						<div class="form">
							<span>学历程度</span>
							<select>
								<option value="">请选择</option>
								<option value="中专">中专</option>
                              	<option value="大专">大专</option>
                              	<option value="本科">本科</option>
                              	<option value="硕士">硕士</option>
                              	<option value="博士">博士</option>
                         　　</select>
						</div>
						<div class="form">
							<span>政治面貌</span>
							<select>
								<option value="">请选择</option>
								<option value="群众">群众</option>
                              	<option value="共青团员">共青团员</option>
                              	<option value="党员">党员</option>
                         　　</select>
						</div>
						<div class="form">
							<span>在读学校</span><input type="text">
						</div>
						<div class="form">
							<span>兴趣爱好</span><input type="text">
						</div>
						<div class="form">
							<span>专业技能</span><input type="text">
						</div>
						<div class="form">
							<span>个人签名</span><textarea maxlength="100" rows="9" cols="22"></textarea>
						</div>
						<div class="form">
							<span></span><button type="button" class="btn btn-default">修改资料</button>
						</div>
					</div>
                </div>



				<!--修改密码-->
				<div id="changePW" class="col-md-8 col-sm-8 col-xs-12 right">
                    <div class="head">
						<h3>修改登录密码</h3>
					</div>
					<div class="body">
						<div class="form">
							<span class="changePW">旧的登录密码</span><input type="text">
						</div>
						<div class="form">
							<span class="changePW">新密码</span><input type="password">
						</div>
						<div class="form">
							<span class="changePW">再次输入新的密码</span><input type="password">
						</div>
						<div class="form">
							<span class="changePW"></span><button type="button" class="btn btn-default">修改密码</button>
						</div>
					</div>
                </div>



				<!--修改邮箱-->
				<div id="changeEmail" class="col-md-8 col-sm-8 col-xs-12 right">
                    <div class="head">
						<h3>修改登录邮箱</h3>
					</div>
					<div class="body">
						<div class="form">
							<span style="width:90px;">现在的邮箱</span><span class="email">761030***@qq.com</span>
						</div>
						<div class="form">
							<span style="width:90px;">密码</span><input type="password">
						</div>
						<div class="form">
							<span style="width:90px;">新的邮箱地址</span><input type="text">
						</div>
						<div class="form">
							<span style="width:90px;">验证码</span><input style="width:100px;" type="text">
						</div>
						<div class="form">
							<span style="width:90px;"></span><img src="./img/captcha.png" alt=""><span style="cursor:pointer;margin:10 0 0 0;">换一张</span>
						</div>
						<div class="form">
							<span style="width:90px;"></span><button type="button" class="btn btn-default">修改邮箱</button>
						</div>
					</div>
                </div>






            </div>
        </div>
    </div>

    <!-- 尾部 -->
	<div id="footer">
		<div class="container">
			<p class="link">
				<a href="##" class="icon icon_qq"></a>
				<a href="##" class="icon icon_weixin"></a>
				<a href="##" class="icon icon_weibo"></a>
			</p>
			<div class="row">
				<div class="col-md-6 col-xs-6">
					<h3>标签</h3>
					<ul>
						<li><a href="##"> 家居</a></li>
						<li><a href="##">摄影</a></li>
						<li><a href="##">时尚</a></li>
						<li><a href="##">美食</a></li>
						<li><a href="##">游戏</a></li>
					</ul>
				</div>
				<div class="col-md-6 col-xs-6">
					<h3>联系</h3>
					<ul>
						<li><a href="##">15832479745@qq.com</a></li>
						<li><a href="##">15832479745@qq.com</a></li>
						<li><a href="##">15832479745@qq.com</a></li>
						<li><a href="##">15832479745@qq.com</a></li>
					</ul>
				</div>
			</div>
			<p>
				<div class="row">
					<div class="col-md-6 col-xs-6">
						<span class="copy">© 2016 Artpip. All rights reserved.</span>
					</div>
					<div class="col-md-6 col-xs-6">
						<img src="./img/footer_bottom.png" alt="">
					</div>
				</div>
			</p>
		</div>
	</div>
<script src="js/personal-data.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>